var name = window.localStorage.getItem('name')
if (name === 'null') {
    //没有用户登录
    document.querySelector('.loginHuan').innerHTML = '<a href="javascript:;" class="logina">登录/注册</a> <span>|</span>'

} else {
    //有用户登录
    document.querySelector('.loginHuan').innerHTML = '你好，<b style="color:red;">' + name + '</b>欢迎来到网易严选<span>|</span><ul class="info"><li><a class="infoCenter" href="javascript:;">个人中心</a></li><li><a class="changePwd" href="javascript:;">修改密码</a></li><li class="logout" onclick=logout()>注销登录</li></ul>';
    $('.loginHuan').css('position', 'relative')

    //获取内存中的数据,在首页里填入当前用户购物车里的商品数量
    var data = window.localStorage.getItem('data')
    if (data) { 
        //有数据
        data = JSON.parse(data)
        var arr = []
        data.forEach(item => {
            if (item.name === name) {
                arr.push(item)
            }
        })
        console.log(arr);
        $('.cartNum').text(arr.length)
    } else {
        $('.cartNum').text('0')
    }
}
$('.infoCenter').on('click', function () {
    location.href = '../info.html'
})
$('.changePwd').on('click', function () {
    location.href = '../changePwd.html'
})

/* 购物车跳转 */
$('.cart').on('click', function () {
    if (name === 'null') {
        layer.msg('请先登录', {
            icon: 2,
            time: 1000
        })
    } else {
        location.href = '../cart.html'
    }
})


//注销登录
function logout() {
    layer.confirm('您确定要退出登录吗?', {
        btn: ['确定', '再想想'],
        time: 1000
    }, function () {
        document.querySelector('.loginHuan').innerHTML = '<a href="../login.html" class="logina">登录/注册</a> <span>|</span>'
        $('.cartNum').text('0')
        window.localStorage.removeItem('name')
        window.localStorage.removeItem('userInfo')
    })
}
//登录
$('.logina').on('click', function () {
    location.href = '../login.html'
})
/* 封装获取搜索框的函数 */
function searchData() {
    var str1 = `<li>数据正在加载中</li>`
    $('.keywordUl').html(str1)
    promiseAjax({
        url: '/api/search',
        data: {
            __timestamp: +new Date(),
            page: 1,
            sortType: 0,
            categoryId: 0,
            descSorted: 'true',
            matchType: 0,
            floorPrice: -1,
            upperPrice: -1,
            stillSearch: 'false',
            searchWordSource: 1,
            size: 40,
            keyword: $('.keyword').val(),
            needPopWindow: 'true',
        }
    }).then(res => {
        res = JSON.parse(res)
        console.log(res);
        if (res.code == 200) {
            promiseAjax({
                url: '/api/keyword',
                data: {
                    __timestamp: +new Date(),
                    keywordPrefix: $('.keyword').val(),
                }
            }).then(res => {
                res = JSON.parse(res)
                if (res.code == 200) {
                    let data = res.data
                    if (!data) {
                        return false
                    }
                    console.log(data);
                    $('.keywordUl').empty()
                    var str = ''
                    data.forEach(item => {
                        str += `
                                    <li>${item}</li>
                                `
                    })
                    $('.keywordUl').html(str)
                    $('.keywordUl').stop().show()
                }
                //搜索框放内容
                $('.keywordUl>li').on('click', function () {
                    $('.keyword').val($(this).text())
                })
            })
        }
    })
}
$('.keyword').on('input', function () {
    if ($(this).val() === '') {
        return false
    }
    searchData()
    return false
})
//获取焦点请求数据
$('.keyword').on('focus', function () {
    if ($(this).val() === '') {
        return false
    }
    searchData()
})
//失去焦点隐藏结果
$('.keyword').on('blur', function () {
    setTimeout(function () {
      $('.keywordUl').hide()
    },200)
})


var searchUl = document.querySelector('.searchUl');

//发送ajax获取搜索框下热点词数据
promiseAjax({
    url: '/api/HotKeyWord',
    data: {
        __timestamp: 1634633095672
    }
}).then(res => {
    res = JSON.parse(res)
    //console.log(res);
    if (res.code == 200) {
        var data = res.data;
        var str = ''
        data.forEach((item, index) => {
            str += `<li>${item.keyword}`
            if (index === data.length - 1) {
                str += `</li>`
            } else {
                str += `<span>|</span></li>`
            }
        })
        $('.searchUl').html(str)
        $('.searchUl li').hover(function () {
            $(this).css('color', '#cc9756').siblings().css('color', '#a2a2a2')
        }, function () {
            $(this).css('color', '#a2a2a2').siblings().css('color', '#a2a2a2')
        })
    }
})


